<template>
    <div id="home">
        <el-container>
            <el-header>
                <div class="logo">logo</div>
                <el-button type="danger" 
                	style="width:60px; border-radius: 50%; margin-right: 10px;"
                    @click="logout"
                    >
                    <i class="fa fa-sign-out" style="font-size: 30px;"></i>
                </el-button>
            </el-header>
            <el-container>
                <el-aside width="200px">
                   <homenav></homenav>
               	</el-aside>
                <el-main>
                	<router-view></router-view>
                </el-main>
            </el-container>
        </el-container>
        
    </div>
</template>
<script>
import Homenav from "./Homenav"
export default {
	components:{Homenav},
    methods: {
        logout(){
        	var action = ()=>{
        		localStorage.clear(),
           		this.$router.push('/Signin')
        	}
        	this.operatorConfirm(action,"退出");
        	
            
        }
    }
}
</script>
<style lang="scss" scoped>
*{
		margin: 0;
		padding: 0;
	}
#home {
    width: 100%;
    height: 100%;
    .el-container {
        height: 100%;
        width: 100%;
        .el-header, .el-footer {
            background-color: #B3C0D1;
            color: #333;
            text-align: center;
            line-height: 60px;
        }
        .el-header {
            padding: 0;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            .logo {
                width: 200px;
                height: 100%;
                background: cyan;
            }
        }
         .el-aside {
            background-color: #D3DCE6;
            color: #333;
            text-align: center;
            height: 100%;
        }
        
        .el-main {
            background-color: #E9EEF3;
            color: #333;
            text-align: center;
            height: 100%;
        }
    }
}
 
  
</style>
